body {
    background-color: lightblue;
    margin: 0;
    padding: 10pt 0 0 0;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

p {
    padding: 0;
    margin: 10px 0 0 0;
}

.printButton {
    width: 50%;
    height: 50%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    background-color: lightslategrey;
    border-radius: 10pt;
    padding: 40pt;
    cursor: pointer;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: xx-large;
    color: whitesmoke;

}

.printButton:hover {
    background-color: steelblue;
}

.cpurl {
    background-color: whitesmoke;
    font-weight: bold;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    padding: 4px;
    display: inline-block;
}

.datagrid table { border-collapse: collapse; text-align: left; }
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; display: inline-block; background: #fff; overflow: hidden; border: 1px solid #000000; border-radius: 8px; }
.datagrid table td, .datagrid table th { padding: 4px 7px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8195E6), color-stop(1, #004669) );background:-moz-linear-gradient( center top, #8195E6 5%, #004669 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8195E6', endColorstr='#004669');background-color:#8195E6; color:#FFFFFF; font-size: 15px; font-weight: bold; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #000A0F; font-size: 14px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #000A0F; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #000000;background: #E1EEF4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }
